<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
</head>
<body>

                        <a href="#" class="btn btn-primary" role="button" data-toggle="button">Toggle link</a>
                        <a href="#" class="btn btn-primary active" role="button" data-toggle="button"
                           aria-pressed="true">Active toggle link</a>
                        <a href="#" class="btn btn-primary disabled" tabindex="-1" aria-disabled="true" role="button"
                           data-toggle="button">Disabled toggle link</a>

                        ### Methods

                        You can create a button instance with the button constructor, for example:

                        ```js
                        var button = document.getElementById('myButton')
                        var bsButton = new bootstrap.Button(button)
                        ```

                        <table class="table">
                            <thead>
                            <tr>
                                <th>Method</th>
                                <th>Description</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <code>toggle</code>
                                </td>
                                <td>
                                    Toggles push state. Gives the button the appearance that it has been activated.
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <code>dispose</code>
                                </td>
                                <td>
                                    Destroys an element's button. (Removes stored data on the DOM element)
                                </td>
                            </tr>
                            </tbody>
                        </table>

                        For example, to toggle all buttons

                        ```js
                        var buttons = document.querySelectorAll('.btn')
                        buttons.forEach(function (button) {
                        var button = new bootstrap.Button(button)
                        button.toggle()
                        })
                        ```

                        <script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>